<!DOCTYPE html>
<html lang="en">

<head>

  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="description" content="">
  <meta name="author" content="">

  <title>Jenniedrh-personal-website</title>

  <!-- Bootstrap Core CSS -->
  <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

  <!-- Custom Fonts -->
  <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
  <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">
  <link href="vendor/simple-line-icons/css/simple-line-icons.css" rel="stylesheet">

  <!-- Custom CSS -->
  <link href="css/stylish-portfolio.min.css" rel="stylesheet">

</head>

<body id="page-top">

  <!-- Navigation -->
  <a class="menu-toggle rounded" href="#">
    <i class="fas fa-bars"></i>
  </a>
  <nav id="sidebar-wrapper">
    <ul class="sidebar-nav">
      <li class="sidebar-brand">
        <a class="js-scroll-trigger" href="#page-top">Jenniedrh</a>
      </li>
      <li class="sidebar-nav-item">
        <a class="js-scroll-trigger" href="#page-top">首页</a>
      </li>
      <li class="sidebar-nav-item">
        <a class="js-scroll-trigger" href="#services">关于我</a>
      </li>
      <li class="sidebar-nav-item">
        <a class="js-scroll-trigger" href="#portfolio">作品集</a>
      </li>
      <li class="sidebar-nav-item">
        <a class="js-scroll-trigger" href="#services">联系我</a>
      </li>
    </ul>
  </nav>


  <!-- Header -->
  <header class="masthead d-flex">
    <div class="container text-center my-auto">
      <h3 class="mb-1">戴蕊韩个人网站</h3>
      <h3 class="mb-5">
        <h5>明天不一定更好，但更好的明天一定会来。</h5>
      </h3>
      <a class="btn btn-primary btn-xl js-scroll-trigger" href="#services">更多</a>
    </div>
    <div class="overlay"></div>
  </header>

 
  <!-- Services -->
  <section class="content-section bg-primary text-white text-center" id="services">
    <div class="container">
      <div class="content-section-heading">
        
        <h2 class="mb-5">关于我</h2>
      </div>
      <div class="row">
        <div class="col-lg-3 col-md-6 mb-5 mb-lg-0">
          <span class="service-icon rounded-circle mx-auto mb-3">
            <i class="icon-screen-smartphone"></i>
          </span>
          <h4>
            <strong>毕业院校</strong>
          </h4>
          <p class="text-faded mb-0">重庆工程学院</p>
        </div>
        <div class="col-lg-3 col-md-6 mb-5 mb-lg-0">
          <span class="service-icon rounded-circle mx-auto mb-3">
            <i class="icon-pencil"></i>
          </span>
          <h4>
            <strong>求职意向</strong>
          </h4>
          <p class="text-faded mb-0">平面设计、ui设计</p>
        </div>
        <div class="col-lg-3 col-md-6 mb-5 mb-md-0">
          <span class="service-icon rounded-circle mx-auto mb-3">
            <i class="icon-like"></i>
          </span>
          <h4>
            <strong>联系电话</strong>
          </h4>
          <p class="text-faded mb-0">18183170918、17830981137</p>
        </div>
        <div class="col-lg-3 col-md-6">
          <span class="service-icon rounded-circle mx-auto mb-3">
            <i class="icon-mustache"></i>
          </span>
          <h4>
            <strong>主修课程</strong>
          </h4>
          <p class="text-faded mb-0">人机交互技术、网页制作与技术、客户端编程技术、视觉艺术设计等</p>
        </div>
		<a class="btn btn-primary btn-xl js-scroll-trigger" href="#portfolio" style="margin-left: 500px;">更多</a>
      </div>
	  
	  
 
	  		

	      </div>
	  </div>                  
	  
	  
    </div>	
  </section>

  

  <!-- Portfolio -->
  <section class="content-section" id="portfolio">
    <div class="container">
      <div class="content-section-heading text-center">
        <h4 class="text-secondary mb-0">作品集</h4>
        <h2 class="mb-5">最近的项目</h2>
      </div>
      <div class="row no-gutters">
        <div class="col-lg-6">
          <a class="portfolio-item" href="dkj/index.html">
            <div class="caption">
              <div class="caption-content">
                <div class="h2">打卡集旅游网站</div>
                <p class="mb-0">本人主导打卡集旅游网站项目，此项目小组分工合作完成，我负责首页的页面设计到功能实现。</p>
              </div>
            </div>
            <img class="img-fluid" src="img/portfolio-1.png" alt="">
          </a>
        </div>
        <div class="col-lg-6">
          <a class="portfolio-item" href="hsweb/index.html">
            <div class="caption">
              <div class="caption-content">
                <div class="h2">简爱摄影网站</div>
                <p class="mb-0">本人主导摄影企业网站项目，此项目独立完成，首页、列表页、详情页的页面设计到功能实现。</p>
              </div>
            </div>
            <img class="img-fluid" src="img/portfolio-2.png" alt="">
          </a>
        </div>
        <div class="col-lg-6">
          <a class="portfolio-item" href="cqs/index.html">
            <div class="caption">
              <div class="caption-content">
                <div class="h2">重庆市人民政府网站</div>
                <p class="mb-0">本人主导重庆市人民政府门户类网站，页面添加了js交互效果，如选项卡、二级菜单等。</p>
              </div>
            </div>
            <img class="img-fluid" src="img/portfolio-3.png" alt="">
          </a>
        </div>

        <div class="col-lg-6">
          <a class="portfolio-item" href="yh/index.html">
            <div class="caption">
              <div class="caption-content">
                <div class="h2">盈洪金属企业网站</div>
                <p class="mb-0">此项目是一个企业网站，主要采用HTML+css+js技术制作网站</p>
              </div>
            </div>
            <img class="img-fluid" src="img/portfolio-4.png" alt="">
          </a>
        </div>
      </div>
	  
	  

	  
	  
    </div>
  </section>

  <!-- Footer -->
  <footer class="footer text-center">
    <div class="container">
      <ul class="list-inline mb-5">
        <li class="list-inline-item">
          <a class="social-link rounded-circle text-white mr-3" href="#">
            <i class="icon-social-facebook"></i>
          </a>
        </li>
        <li class="list-inline-item">
          <a class="social-link rounded-circle text-white mr-3" href="#">
            <i class="icon-social-twitter"></i>
          </a>
        </li>
        <li class="list-inline-item">
          <a class="social-link rounded-circle text-white" href="#">
            <i class="icon-social-github"></i>
          </a>
        </li>
      </ul>
      <p class="text-muted small mb-0">Copyright &copy; My Website 2020</p>
    </div>
  </footer>

  <!-- Scroll to Top Button-->
  <a class="scroll-to-top rounded js-scroll-trigger" href="#page-top">
    <i class="fas fa-angle-up"></i>
  </a>

  <!-- Bootstrap core JavaScript -->
  <script src="vendor/jquery/jquery.min.js"></script>
  <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

  <!-- Plugin JavaScript -->
  <script src="vendor/jquery-easing/jquery.easing.min.js"></script>

  <!-- Custom scripts for this template -->
  <script src="js/stylish-portfolio.min.js"></script>

</body>

</html>
